#leftContainer{
  margin-right:310px;
  #welcomeDialog{
    p{
      text-indent: 2em;
    }
  }
  #articleList{
    margin-top:20px;
    .uiContent{
      .articleContainer{
        margin-bottom: 30px;
        &.lastContainer{
          margin-bottom: 0;
        }
        .CodeMirror-scroll{
          height:auto;
        }
        p{
          text-indent: 2em;
        }
        .createTime{
          width: 60px;
          height: 59px;
          margin:10px 0;
          float: right;
          text-align: center;
          background-image: url(../images/calendar.png);
          .month{
            height: 20px;
            line-height: 20px;
            color: #F0F0F0;
          }
          .day{
            line-height: 36px;
            height: 36px;
            font-size: 30px;
          }
        }
      }
    }
  }
}
#rightContainer{
  width:300px;
  float: right;
  #messageBoard{
    .uiListItem{
        height: 60px;
        line-height: 20px;
        .userAvatar{
          width:48px;
          height:100%;
          float:left;
          img{
            display:block;
            max-width:100%;
            max-height:100%;
          }
        }
        .createTime{
          color:#a0a0a0;
        }
    }
  }
}